// JavaScript Document
/*菜单*/


$(document).ready(function () {
    $("li.menu_2").hide();
    $("li.menu_4").hide();
    attachMenuToggler();
    attachMenuToggler2();
    initMenu();

    $("#urlback").click(function () {
        $(".ul1").show();
        $(".ul0").hide();

    });
});
function attachMenuToggler() {
    $("li.menu_1").click(function () {
        var menu = $(this);

        if (isOpen(menu)) {
            closeMenu(menu, true);
        } else {
            $("li.menu_1").each(function (index, elem) {
                if ($(this).is(menu)) {
                    openMenu($(this));
                } else {
                    closeMenu($(this), false);
                }
            });
        }
    });

    $("li.menu_1").mouseover(function () {
        $(this).css("filter", "none");
        $(this).css("-webkit-filter", "none");
     });
    $("li.menu_1").mouseout(function () {
        $(this).css("filter", "gray");
        $(this).css("-webkit-filter", "grayscale(1)");
    });
}
function attachMenuToggler2() {
    $("li.menu_3").click(function () {
        var menu = $(this);
       
        if (isOpen(menu)) {
            closeMenu2(menu, true);
        } else {
            $("li.menu_3").each(function (index, elem) {
                if ($(this).is(menu)) {
                    $(".ul1").hide();
                    $(this).closest(".ul1").show();
                    openMenu2($(this));
                } else {
                    closeMenu2($(this), false);
                }
            });
        }
    });

    $("li.menu_3").mouseover(function () {
        $(this).css("filter", "none");
        $(this).css("-webkit-filter", "none");
    });
    $("li.menu_3").mouseout(function () {
        $(this).css("filter", "gray");
        $(this).css("-webkit-filter", "grayscale(1)"); 
    });
}

function openMenu(menu) {
    if (!isOpen(menu)) {
        $(".ul0").show();
        menu.css("filter", "none");
        menu.css("-webkit-filter", "none");
        menu.next("li").show("slow");
        menu.mouseover(function () {
            $(this).css("filter", "none");
            $(this).css("-webkit-filter", "none");
         });
        menu.mouseout(function () {
            $(this).css("filter", "none");
            $(this).css("-webkit-filter", "none");
        });
    }
}

function openMenu2(menu) {
    $("#urlback").show();
    if (!isOpen(menu)) {
        menu.css("filter", "none");
        menu.css("-webkit-filter", "none");
        menu.next("li").show("slow");
        menu.mouseover(function () {
            $(this).css("filter", "none");
            $(this).css("-webkit-filter", "none");
            $(this).css("background-image", "url(/images/menu_2_selected.png)");
            $(this).css("color", "#FFFFFF");
        });
        menu.mouseout(function () {
            $(this).css("filter", "none");
            $(this).css("-webkit-filter", "none");
            $(this).css("background-image", "url(/images/menu_2_selected.png)");
            $(this).css("color", "#FFFFFF");
        });
    }
}

function closeMenu(menu, isClicked) {
    if (isOpen(menu)) {
        if (isClicked) {
            menu.css("filter", "none");
            menu.css("-webkit-filter", "none");
        } else {
            menu.css("filter", "gray");
            menu.css("-webkit-filter", "grayscale(1)"); 
        }
        menu.next("li").hide("slow");
        menu.mouseover(function () {
            $(this).css("filter", "none");
            $(this).css("-webkit-filter", "none");
         });
        menu.mouseout(function () {
            $(this).css("filter", "gray");
            $(this).css("-webkit-filter", "grayscale(1)");
         });
    }
}
function closeMenu2(menu, isClicked) {
    if (isOpen(menu)) {
        if (isClicked) {
            menu.css("filter", "none");
            menu.css("-webkit-filter", "none");
        } else {
            menu.css("filter", "gray");
            menu.css("-webkit-filter", "grayscale(1)");
            menu.css("background-image", "url(/images/menu_2.png)");
            menu.css("color", "#808080");
        }
        menu.next("li").hide("slow");
        menu.mouseover(function () {
            $(this).css("filter", "none");
            $(this).css("-webkit-filter", "none");
        });
        menu.mouseout(function () {
            $(this).css("filter", "gray");
            $(this).css("-webkit-filter", "grayscale(1)");
            $(this).css("background-image", "url(/images/menu_2.png)");
            $(this).css("color", "#808080");
        });
    }
}

function isOpen(menu) {
    if (menu.next("li").is(':visible')) {
        return true;
    } else {
        return false;
    }
}

function initMenu() {
    var flag = true;
    var menu1;
    var menu2;
    $(".ul1").hide();
    $(".ul1 a").each(function () {

        if (window.location.href.indexOf($(this).attr("href")) > 0) {
            flag = false;
            $(this).closest('li.menu_5').css("background-image", "url(/images/menu_3_selected_1.png)");
            menu2 = $(this).closest('li.menu_3');
            menu1 = $(this).closest("li.menu_1");
            $(this).closest("ul.ul1").show();
            openMenu(menu1, true);
            openMenu2(menu2, true);

            menu2.css("filter", "none");
            menu2.css("-webkit-filter", "none");
            menu2.css("background-image", "url(/images/menu_2_selected.png)");
            menu2.css("color", "#FFFFFF");


            $(this).closest("li.menu_2").show();
            $(this).closest("li.menu_4").show();


        }
    });
    if (flag) {
        $(".ul1").show();
        $(".ul0").hide();
    }
    else {
      
    }
   
    
}